<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Dashboard</title>
    <!-- Mobile specific metas -->
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <!-- Force IE9 to render in normal mode -->
    <!--[if IE]><meta http-equiv="x-ua-compatible" content="IE=9" /><![endif]-->
    <meta name="author" content="SuggeElson" />
    <meta name="description" content=""
    />
    <meta name="keywords" content=""
    />
    <meta name="application-name" content="sprFlat admin template" />
    <!-- Import google fonts - Heading first/ text second -->
    <link rel='stylesheet' type='text/css' />
    <!--[if lt IE 9]>

    <![endif]-->
    <!-- Css files -->
    <!-- Icons -->
    <link href="../../assets/css/icons.css" rel="stylesheet" />
    <!-- jQueryUI -->
    <link href="../../assets/css/sprflat-theme/jquery.ui.all.css" rel="stylesheet" />
    <!-- Bootstrap stylesheets (included template modifications) -->
    <link href="../../assets/css/bootstrap.css" rel="stylesheet" />
    <!-- Plugins stylesheets (all plugin custom css) -->
    <link href="../../assets/css/plugins.css" rel="stylesheet" />
    <!-- Main stylesheets (template main css file) -->
    <link href="../../assets/css/main.css" rel="stylesheet" />
    <!-- Custom stylesheets ( Put your own changes here ) -->
    <link href="../../assets/css/custom.css" rel="stylesheet" />
    <!-- Fav and touch icons -->
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../../assets/img/ico/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../../assets/img/ico/apple-touch-icon-114-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../../assets/img/ico/apple-touch-icon-72-precomposed.png">
    <link rel="apple-touch-icon-precomposed" href="../../assets/img/ico/apple-touch-icon-57-precomposed.png">
    <link rel="icon" href="../../assets/img/ico/favicon.ico" type="image/png">
    <!-- Windows8 touch icon ( http://www.buildmypinnedsite.com/ )-->
    <meta name="msapplication-TileColor" content="#3399cc" />
</head>
<body>
<!-- Start #header -->
<div id="header">
    <div class="container-fluid">
        <div class="navbar">
            <div class="navbar-header">
                <a class="navbar-brand" href="index.html">
                    <i class="im-windows8 text-logo-element animated bounceIn"></i><span class="text-logo">spr</span><span class="text-slogan">flat</span>
                </a>
            </div>
            <nav class="top-nav" role="navigation">
                <ul class="nav navbar-nav pull-left">
                    <li id="toggle-sidebar-li">
                        <a href="#" id="toggle-sidebar"><i class="en-arrow-left2"></i>
                        </a>
                    </li>
                    <li>
                        <a href="#" class="full-screen"><i class="fa-fullscreen"></i></a>
                    </li>


                </ul>
                <ul class="nav navbar-nav pull-right">
                    <li>
                        <a href="#" id="toggle-header-area"><i class="ec-download"></i></a>
                    </li>
                    <li class="dropdown">
                        <a href="#" data-toggle="dropdown"><i class="br-alarm"></i> <span class="notification">5</span></a>
                        <ul class="dropdown-menu notification-menu right" role="menu">

                        </ul>
                    </li>
                    <li class="dropdown">
                        <a href="#" data-toggle="dropdown">
                            <img class="user-avatar" src="../../assets/img/avatars/48.jpg" alt="SuggeElson">XXXX</a>
                        <ul class="dropdown-menu right" role="menu">
                            <li><a href="profile.html"><i class="st-user"></i> Profile</a>
                            </li>
                            <li><a href="file.html"><i class="st-cloud"></i> Files</a>
                            </li>
                            <li><a href="#"><i class="st-settings"></i> Settings</a>
                            </li>
                            <li><a href="login.html"><i class="im-exit"></i> Logout</a>
                            </li>
                        </ul>
                    </li>
                    <li id="toggle-right-sidebar-li"><a href="#" id="toggle-right-sidebar"><i class="ec-users"></i> <span class="notification">3</span></a>
                    </li>
                </ul>
            </nav>
        </div>
        <!-- Start #header-area -->
        <div id="header-area" class="fadeInDown">
            <div class="header-area-inner">
                <ul class="list-unstyled list-inline">
                    <li>
                        <div class="shortcut-button">
                            <a href="#">
                                <i class="im-pie"></i>
                                <span>Earning Stats</span>
                            </a>
                        </div>
                    </li>
                    <li>
                        <div class="shortcut-button">
                            <a href="#">
                                <i class="ec-images color-dark"></i>
                                <span>Gallery</span>
                            </a>
                        </div>
                    </li>
                    <li>
                        <div class="shortcut-button">
                            <a href="#">
                                <i class="en-light-bulb color-orange"></i>
                                <span>Fresh ideas</span>
                            </a>
                        </div>
                    </li>
                    <li>
                        <div class="shortcut-button">
                            <a href="#">
                                <i class="ec-link color-blue"></i>
                                <span>Links</span>
                            </a>
                        </div>
                    </li>
                    <li>
                        <div class="shortcut-button">
                            <a href="#">
                                <i class="ec-support color-red"></i>
                                <span>Support</span>
                            </a>
                        </div>
                    </li>
                    <li>
                        <div class="shortcut-button">
                            <a href="#">
                                <i class="st-lock color-teal"></i>
                                <span>Lock area</span>
                            </a>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <!-- End #header-area -->
    </div>
    <!-- Start .header-inner -->
</div>
<!-- End #header -->
<!-- Start #sidebar -->
<div id="sidebar">
    <!-- Start .sidebar-inner -->
    <div class="sidebar-inner">
        <!-- Start #sideNav -->
        <ul id="sideNav" class="nav nav-pills nav-stacked">
            <li class="top-search">
                <form>
                    <input type="text" name="search" placeholder="Search ...">
                    <button type="submit"><i class="ec-search s20"></i>
                    </button>
                </form>
            </li>
            <li><a href="index.html">我的空间 <i class="im-screen"></i></a>

            </li>

            <li><a href="#">我的身份信息 <i class="ec-user"></i></a>
            </li>

            <li><a href="#">我的成绩 <i class="ec-pencil"></i></a>
            </li>

            <li><a href="#">我的奖惩 <i class="ec-file"></i></a>
                <ul class="nav sub">
                    <li><a href="#"><i class="im-pencil2"></i> 申请奖学金</a>
                    </li>
                    <li><a href="#"><i class="im-warning"></i> 处分管理</a>
                    </li>
                </ul>
            </li>

            <li><a href="#">我的社会实践 <i class="ec-star"></i></a>
                <ul class="nav sub">
                    <li><a href="project/myProject.html"><i class="im-pencil2"></i> 我的社会实践</a>
                    </li>
                    <li><a href="project/applyProject.html"><i class="im-warning"></i> 立项申请</a>
                    </li>
                </ul>
            </li>

            <li><a href="#">宿舍管理 <i class="im-home2"></i></a>
                <ul class="nav sub">
                    <li><a href="dormitory/queryMyDormitoryApply.html"><i class="im-pencil2"></i> 查询我的申请</a>
                    </li>
                    <li><a href="dormitory/applyDormitory.html"><i class="im-warning"></i> 申请留宿</a>
                    </li>
                </ul>
            </li>

            <li><a href="#">党建模块 <i class="ec-users"></i></a>
            </li>
            <li><a href="#">学生评价 <i class="ec-users"></i></a>
                <ul class="nav sub">
                    <li><a href="remark.html"><i class="im-pencil2"></i> 评价</a>
                    </li>
                    <li><a href="fomerremark.html"><i class="im-warning"></i> 查看评价</a>
                    </li>
                </ul>
            </li>
        </ul>

    </div>
    <!-- End .sidebar-inner -->
</div>
<!-- End #sidebar -->

<!-- Start #content -->
<div id="content">
    <!-- Start .content-wrapper -->
    <div class="content-wrapper">
        <div class="row">
            <!-- Start .row -->
            <!-- Start .page-header -->
            <div class="col-lg-12 heading">
                <h1 class="page-header"><i class="im-screen"></i> XXXX</h1>
                <!-- Start .bredcrumb -->
<!--<ul id="crumb" class="breadcrumb">-->                 <!--</ul>
                <!-- End .breadcrumb -->
            </div>
            <!-- End .page-header -->
        </div>
        <div class="outlet">
            <!-- Start .outlet -->
            <!-- Page start here ( usual with .row ) -->
            <div class="row">
                <!--这里开始写自己的内容-->

            </div>
            <!-- End .row -->
        </div>
        <!-- End .outlet -->
    </div>
</div>
<!-- End .content-wrapper -->
<div class="clearfix"></div>
</div>
<!-- End #content -->
<!-- Javascripts -->
<!-- Load pace first -->
<script src="../../assets/plugins/core/pace/pace.min.js"></script>
<!-- Important javascript libs(put in all pages) -->
<script src="../../assets/js/jquery-1.8.3.min.js"></script>
<script>
    window.jQuery || document.write('<script src="../../assets/js/libs/jquery-2.1.1.min.js">\x3C/script>')
</script>
<script src="../../assets/js/jquery-ui.js"></script>
<script>
    window.jQuery || document.write('<script src="../../assets/js/libs/jquery-ui-1.10.4.min.js">\x3C/script>')
</script>
<!--[if lt IE 9]>
<script type="text/javascript" src="../../assets/js/libs/excanvas.min.js"></script>
<script type="text/javascript" src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<script type="text/javascript" src="../../assets/js/libs/respond.min.js"></script>
<![endif]-->
<!-- Bootstrap plugins -->
<script src="../../assets/js/bootstrap/bootstrap.js"></script>
<!-- Core plugins ( not remove ever) -->
<!-- Handle responsive view functions -->
<script src="../../assets/js/jRespond.min.js"></script>
<!-- Custom scroll for sidebars,tables and etc. -->
<script src="../../assets/plugins/core/slimscroll/jquery.slimscroll.min.js"></script>
<script src="../../assets/plugins/core/slimscroll/jquery.slimscroll.horizontal.min.js"></script>
<!-- Resize text area in most pages -->
<script src="../../assets/plugins/forms/autosize/jquery.autosize.js"></script>
<!-- Proivde quick search for many widgets -->
<script src="../../assets/plugins/core/quicksearch/jquery.quicksearch.js"></script>
<!-- Bootbox confirm dialog for reset postion on panels -->
<script src="../../assets/plugins/ui/bootbox/bootbox.js"></script>
<!-- Other plugins ( load only nessesary plugins for every page) -->
<script src="../../assets/plugins/charts/flot/jquery.flot.js"></script>
<script src="../../assets/plugins/charts/flot/jquery.flot.pie.js"></script>
<script src="../../assets/plugins/charts/flot/jquery.flot.resize.js"></script>
<script src="../../assets/plugins/charts/flot/jquery.flot.time.js"></script>
<script src="../../assets/plugins/charts/flot/jquery.flot.growraf.js"></script>
<script src="../../assets/plugins/charts/flot/jquery.flot.categories.js"></script>
<script src="../../assets/plugins/charts/flot/jquery.flot.stack.js"></script>
<script src="../../assets/plugins/charts/flot/jquery.flot.tooltip.min.js"></script>
<script src="../../assets/plugins/charts/flot/date.js"></script>
<script src="../../assets/plugins/charts/sparklines/jquery.sparkline.js"></script>
<script src="../../assets/plugins/charts/pie-chart/jquery.easy-pie-chart.js"></script>
<script src="../../assets/plugins/forms/icheck/jquery.icheck.js"></script>
<script src="../../assets/plugins/forms/tags/jquery.tagsinput.min.js"></script>
<script src="../../assets/plugins/forms/tinymce/tinymce.min.js"></script>
<script src="../../assets/plugins/misc/highlight/highlight.pack.js"></script>
<script src="../../assets/plugins/misc/countTo/jquery.countTo.js"></script>
<script src="../../assets/plugins/ui/weather/skyicons.js"></script>
<script src="../../assets/plugins/ui/notify/jquery.gritter.js"></script>
<script src="../../assets/plugins/ui/calendar/fullcalendar.js"></script>
<script src="../../assets/js/jquery.sprFlat.js"></script>
<script src="../../assets/js/app.js"></script>
<script src="../../assets/js/pages/dashboard.js"></script>
</body>
</html>